<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Lista con Contadores</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>

<div data-role="page">

	<div data-role="header">
		<h1>Listas con Contadores</h1>
	</div>

	<div data-role="content">	
		<p>Lista de elementos con contadores.</p>
		
		<ul data-role="listview" data-inset="true" data-filter="true">
			<li><a href="#">Inbox<span class="ui-li-count">10</span></a></li>
			<li><a href="#">Sent<span class="ui-li-count">220</span></a></li>					
			<li><a href="#">Draft<span class="ui-li-count">2</span></a></li>
			<li><a href="#">Trash<span class="ui-li-count">14</span></a></li>			
			<li><a href="#">Spam<span class="ui-li-count">1220</span></a></li>		
		</ul>		
								
	</div>
	
	<div data-role="footer">
		<h4>Art&iacute;culo disponible en: <a href="http://lineadecodigo.com/desarrollo-movil/listas-con-contadores-en-jquery-mobile/">Lista con contadores con jQuery Mobile</a><br/>
		&copy;2012 - <a href="http://lineadecodigo.com" title="Linea de Codigo">Linea de Codigo</a></h4>
	</div>

</div>


</body>
</html>